<template>
  <view class="news-item">
    <view>
      <text class="news-tit u-line-1">{{ title }}</text>
      <text class="news-time">{{ time }}</text>
      <view class="tag" v-if="tag">
        HOT
      </view>
    </view>
  </view>
</template>

<script>
	export default {
    props: {
      title: {
        type: String,
        default: ''
      },
      time: {
        type: String,
        default: ''
      },
      tag: {
        type: Boolean,
        default: false
      }
    },
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.news-item {
  position: relative;
  padding: 16rpx 0;
  padding-right: 110rpx;
  border-bottom: 1rpx solid $uni-text-color-grey;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  .news-tit {
    display: block;
    font-size: $uni-font-size-lg;
    color: $text-color;
    padding-bottom: 6rpx;
    font-weight: bold;
  }
  .news-time {
    font-size: $uni-font-size-sm;
    color: $color-theme;
  }
  .tag {
    position: absolute;
    right: 0;
    top: 16rpx;
    border-radius: 6rpx;
    font-size: 20rpx;
    color: #f29416;
    border: 3rpx solid #f29416;
    padding: 0 6rpx 1rpx;
    font-weight: bold;
  }
}
</style>
